﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    DirectTV - Reporte Resumen
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">  
    <link href="../../Content/calendar-blue.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/calendar.js" type="text/javascript"></script>
    <script src="../../Scripts/calendar-setup.js" type="text/javascript"></script>
    <script src="../../Scripts/lang/calendar-es.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () { 
            Calendar.setup({
                inputField: "PeriodoInicio",      // id of the input field
                ifFormat: "%Y-%m-%d",       // format of the input field
                showsTime: false,            // will display a time selector
                button: "periodoIniciobtn",   // trigger for the calendar (button ID)
                singleClick: true,           // double-click mode
                step: 1                // show all years in drop-down boxes (instead of every other year as default)
            });


            Calendar.setup({
                inputField: "PeriodoFin",      // id of the input field
                ifFormat: "%Y-%m-%d",       // format of the input field
                showsTime: false,            // will display a time selector
                button: "periodoFinbtn",   // trigger for the calendar (button ID)
                singleClick: true,           // double-click mode
                step: 1                // show all years in drop-down boxes (instead of every other year as default)
            });
        });
</script>
     


    <table width="95%">



        <tr>
            <td colspan="2"><strong>REPORTE RESUMEN DE LIQUIDACI&Oacute;N</strong></td>            
        </tr>

        <tr>
            <td width="100px">Periodo Inicio</td>
            <td>
                <input id="PeriodoInicio" class="good_input" name="" value="" type="text" /><img alt="Periodo Inicio" style="width:20px; cursor:pointer;" src="../../Img/calendar.png" id="periodoIniciobtn" />
            </td>
        </tr>

        <tr>
            <td width="100px">Periodo Fin</td>
            <td>
                <input id="PeriodoFin" class="good_input" name="" value="" type="text" /><img alt="Periodo Fin" style="width:20px;cursor:pointer;" src="../../Img/calendar.png" id="periodoFinbtn"  />
            </td>
        </tr>

        <tr>          
            <td colspan="2">           
                <a href="#contenido" name="test" rel="leanModal" id="A12" title="Generar Reporte" onclick="crearReporteResumen();"><button type="submit">GENERAR REPORTE</button></a>               
                <a href ="../Upload/ReporteResumenDownload.xls" target="_blank" id="reporteResumen" title="Reporte" style="display:none;" >ReporteResumen</a>
            </td>
        </tr>

        
        <tr>
            <td colspan="2"></td>            
        </tr>

  
    </table>
 

    <div id="contenido">
			<div id="signup-ct">
				<div id="signup-header">
					<h2>Generando reporte....</h2>					
					<a class="modal_close" href="#"></a>
				</div>
                <div style="height:60px;text-align:center;padding-top:30px">
                    <img src="../../Img/ajax-loader.gif" />				
                </div>
			</div>
		</div>

</asp:Content>
